#Hospital-content {
  background-color: white;
  //头部
width: 100%;
  height: 100%;
  .Hospital-top {
    background-color: #33AE7F;
    padding:0 .08rem;
    color: whitesmoke;
    > h3 {
      height: .8rem;
      line-height: .8rem;
      font-size: .28rem;
      >img{
        width: .4rem;
       line-height: .1rem;
        vertical-align: middle;
      }
    }
  };
  //时间轴
  .Hospital-timeBase {
    height: 3.5rem;
    position: relative;
    padding: 0 .2rem;
    overflow: auto;
    padding-right: .06rem;
    background-color:white;
    > ul {
      padding-bottom: .1rem;
      position: relative;
      //时间轴的竖线
      &:after{
        content: "";
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: #29d01c;
        top: 0;
        left: 1.5rem;
      }
      > li {
        //年份
        > .Hospital-year {
          margin-top: .1rem;
          display: inline-block;
          position: relative;
           span {
            transform: rotate(90deg);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            &.active{
              transform: rotate(0deg);
            }
            > img {
              vertical-align: middle;
              width: .4rem;
              height: .4rem;
            }
            display: inline-block;

          }
          > h3 {
            display: inline-block;
            margin-left: .1rem;
            height: .29rem;
            line-height: .29rem;
            vertical-align: middle;
            font-size: .28rem;
          }
        }
        //病人病历详情单
        > ul {
          display: none;
          > li {
            margin-bottom: .2rem;
            > .Hospital-data {
              &:after, > .Hospital-spot {
                display: inline-block;
                border: 1px solid #29d01c;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                right: 0;
              }
              &:after {
                content: "";
                width: .1rem;
                height: .1rem;
                transform:  translate(50%,-50%);
              }
              > .Hospital-spot {
                width: .05rem;
                height: .05rem;
                transform:  translate(50%,-50%);
                background-color: #29d01c;
              }
              position: relative;
              width: 1.5rem;
              text-align: center;
              font: normal 500 .26rem '微软雅黑';
              line-height: .8rem;
            }
          ;
            > .Hospital-Disease {
              width: 4.4rem;
              height: .8rem;
              border-radius: .1rem;
              background-color: #eee;
              font-size: .24rem;
              .Hospital-Disease-l {
                text-align: center;
                width: 85%;
                height: 100%;
                > p {
                  font-size: .22rem;
                  line-height: .4rem;
                }
              }
              .Hospital-Disease-r {
                font-size: .16rem;
                width: 15%;
                > a {
                  width: 100%;
                  display: inline-block;
                  line-height: .8rem;
                  text-align: center;
                  border-radius: 0 .1rem .1rem 0;
                  background-color: #33AE7F;
                  font-size: .4rem;
                  color: white;
                }
              }
            }
          }
        }
      }
    };
    >.Hospital-axis{
      position: absolute;
      height: 100%;
      width: 1px;
      background-color: #29d01c;
      top: 0;
      left: 1.7rem;
    }
    >ul:nth-of-type(1){
        >li{
          >ul{
            display: block;
          }
        }
    }
  }

  //异常指标跟踪
  .Hospital-abnormal{
    >.Hospital-abnormal-nav{
      height: .6rem;
      padding: 0 .08rem;
      background-color:#33AE7F;
      >div{
          line-height: .6rem;
        >img{
          width: .5rem;
          height: .5rem;
          vertical-align: middle;
        }
        >span{
          display: inline-block;
          line-height: .6rem;
          vertical-align: top;
          font-size: .2rem;
          font-weight: 500;
          color: white;
        }
      }
    };
    >.Hospital-numerical{
      margin-bottom: .3rem;
      background-color: white;
      padding: .2rem .2rem;
      line-height: .5rem;
      height: .5rem;
      width: 100%;
      font-size: .24rem;
      >div:nth-of-type(1){
        span{
          color: red;
          font-weight: 700;
        }
      }
      >div:nth-of-type(2){
        >a{
            font-size: .24rem;
          color: red;
        }
      }
    }
    .Hospital-list{
      background-color: white;
      width: 100%;
      >p{
          text-align: center;
          color: green;
          font-size: .24rem;
      }
      >ul{
        padding: 0 .14rem;
        >li{
          padding: .1rem;
          width:33.33%;
          float: left;
          >div{
           box-shadow: .1rem .1rem .1rem #ccc,0 .1rem .05rem #33AE7F;
            text-align: center;
            border: 1px solid #ccc;
            border-radius: .1rem;
           > h3{
             width: 100%;
             height:34px;
             margin-top: .1rem;
             padding: 0 .1rem;
             overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
              font:normal normal 12px "微软雅黑";
            }

           > .l-abnormal{
             height: .4rem;
             line-height: .4rem;
              >img{
                  vertical-align: middle;
                width:.4rem;
                height:.4rem;
              }
              >span{
                vertical-align: middle;
                vertical-align: top;
                color: #fe8d46;
                display: inline-block;
                line-height: .4rem;
                font-size: .26rem;
              }
            }
            >.l-scope{
              height: .3rem;
              line-height: .3rem;
              margin-bottom: .05rem;
              color: #468241;
            }
            >.l-abnormal-value{
              background-color: #33AE7F;
              line-height: .3rem;
            }
            .time{
              line-height: .3rem;
            }
          }
        }

      }
    }
  }
}
